<template>
  <HomeNav> </HomeNav>
  <div class="pro_title">Project</div>

  <div class="pro_view">
    <ProjectList> </ProjectList>
    <ProjectList> </ProjectList>
    <ProjectList> </ProjectList>
    <ProjectList> </ProjectList>
    <ProjectList> </ProjectList>
    <ProjectList> </ProjectList>
  </div>
</template>
<script lang="ts" setup>
import HomeNav from "@/views/components/HomeNav.vue";
import ProjectList from "../components/ProjectList.vue";
import { ref } from "vue";
const message = ref("message");
</script>
<style lang="scss" scoped>
.pro_title {
  font-size: 30px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #52527b;
  text-align: center;
}
.pro_view {
  width: 35%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
</style>
